@greenStyle:#63c5ce;
@orangeStyle:#f7931e;
@import 'reset';
body #app{
  .el-table{
    .cell{
      text-align: left;
      font-size:0.875rem;
    }
  }
  //主体部分
  .contentView{
    position: relative;
    background: #fff;
    padding:20px;
  }
  //输入框获得焦点
  .el-input__inner:focus{
    border-color:@orangeStyle;
  }
  //长文本输入框获得焦点
  .el-textarea__inner:focus{
    border-color:@orangeStyle;
  }
  //单选框模块
  .el-radio{
    .el-radio__inner{
      border-color:@greenStyle;
    }
    .el-radio__input.is-checked .el-radio__inner{
      background: @greenStyle;
    }
  }
  //弹出层按钮
  .el-message-box__btns .el-button--primary{
    background: @greenStyle;
    border:1px solid @greenStyle;
  }
  //进度条模块
  .el-steps{
    text-align: left;
    margin-left:20px;
    .el-step .is-finish {
      background: @orangeStyle;
      border:1px solid @orangeStyle;
    }
    .el-step__main .is-finish{
      color:@orangeStyle;
      background: #fff;
      border:1px solid #fff;
    }
  }
  //选项框模块
  .el-tabs__header{
    border-color:@orangeStyle;
    .el-tabs__nav-scroll{
      .is-active{
        background: @orangeStyle;
        color:#fff;
        border-color:@orangeStyle;
      }
    }
    .el-tabs__active-bar{
      background: @orangeStyle;
    }
  }
  //复选框勾选中
  .el-checkbox__input.is-checked .el-checkbox__inner{
    background: @greenStyle;
    border-color: @greenStyle;
  }
}
//弹出框按钮
.el-message-box__wrapper .el-button--primary{
  background: @greenStyle;
  border-color: @greenStyle;
}
.el-button:focus, .el-button:hover{
  border-color: @greenStyle;
}
